<template>
	<view class="main">
		<!-- 兑换成功 -->
		<view class="status" v-if="status">
			<image class="icon" src="../../../static//img/my/success_icon.png" mode=""></image>
			<view class="fz46 c333 mt30">{{ name }}</view>
			<view class="fz40 c333 mt30 mb20">恭喜您，兑换成功</view>
		</view>


		<!-- 兑换失败 -->
		<view class="status" v-if="!status">
			<image class="icon" src="../../../static//img/my/error_icon.png" mode=""></image>
			<view class="fz40 c333 mt30 mb20">抱歉，兑换失败</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			status: false,
			name: '',
		};
	},
	onLoad(e) {
		if (e.status == 1) {
			if (e.type == 1) {
				this.name = "年度会员";
			} else if (e.type == 2) {
				this.name = "半年度会员";
			} else {
				this.name = "月度会员";
			}
			this.status = true
		} else {
			this.status = false
		}
	},
}
</script>

<style lang="scss">
.status {
	padding-top: 220rpx;
	text-align: center;

	.icon {
		width: 150rpx;
		height: 150rpx;
	}
}
</style>
